@import url("https://fonts.googleapis.com/css?family=Fira+Sans");
body {
  margin: 0;
  font-family: 'Fira Sans';
}

.wrapper {
  display: grid;
  grid-template-rows: 100vh;
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 768px) {
  .wrapper {
    grid-template-columns: 100vw;
  }
}

.wrapper .image {
  background: url("jan.jpg") no-repeat;
  background-position: 53.5% 30%;
  -webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
}

@media (max-width: 768px) {
  .wrapper .image {
    display: none;
  }
}

.wrapper .text {
  padding: 0 5vw;
  display: flex;
  flex-direction: column;
}

.wrapper .text header {
  margin: 10vh 0;
}

.wrapper .text header h1, .wrapper .text header h2 {
  line-height: 130%;
  margin: 0;
}

.wrapper .text header h1 {
  font-size: 3rem;
  color: #76C33F;
}

.wrapper .text header h2 {
  font-size: 1.5rem;
  color: #c3c3c3;
}

.wrapper .text section {
  flex: 1;
}

.wrapper .text section a {
  color: #76C33F;
  text-decoration: none;
}

.wrapper .text footer {
  padding: 5vh 0;
}

.wrapper .text footer a {
  color: #000000;
  text-decoration: none;
  margin-right: 0.5vw;
}

.wrapper .text footer p {
  font-size: 0.80rem;
}